// 数量加减

$(function () {
    // 计算全部价格  函数封装
    function jieshuan() {
        let num = 0;
        //只有选中时才把总价渲染到 span中
        $('input:checked').siblings('.s3').each(function (index, key) {
            let a = Number($(key).text());
            num = a + num;
            $('#total_prices').text(num.toFixed(2));
        })
    };
    //单个商品 计算总价  函数封装
    //商品     价格
    function commodityPrice(that) {
        let i = Number(that.siblings('input').val())
        that.closest('span').siblings('.s3').text(41 * i)
    }

    //计算选中的
    $("input").change(function () {
        // 结算函数
        jieshuan();
        // 判断都没选中时 渲染价格为0
        if ($("input:checked").length == 0) {
            $('#total_prices').text(0);
        }
    });

    // 用户点击加号
    $('.jia2').each(function () {
        $(this).click(function () {
            let i = Number($(this).siblings('input').val());
            $(this).siblings('input').val(i+1);
            // 把这个$(this) 当形参传入函数
            commodityPrice($(this));
            jieshuan();
        });
    })

    // 用户点击了减号
    $('.jian2').each(function () {
        $(this).click(function () {
            let i = Number($(this).siblings('input').val());
            $(this).siblings('input').val(i - 1);
            if ($(this).siblings('input').val() <= 1) {
                $(this).siblings('input').val(1);
            };
            commodityPrice($(this));
            jieshuan()
        })

    })

    // 用户手动输入商品个数
    $('.s2 input').on('input', function () {
        //让用户只能输入数字
        console.log($(this).val());
        if ($(this).val() === '') {
            $(this).val('1')
        }
                                         //非数字
        $(this).val($(this).val().replace(/\D/g, ''));
        commodityPrice($(this).next());
        jieshuan();
    })

    // 全选按钮
    $('.check_all').click(function () {
        let bool = $(this).prop('checked');
        $('input:checkbox').prop('checked', bool)
    })

    //全选后 用户取消了一个选项  全选按钮取消选中
    $('input:not(.check_all)').click(function () {
        // 方法1
        // if (!$(this).prop('checked')) {
        //     $('.check_all').prop('checked', false);
        // };
        // if($('input:not(.check_all):checked').length==$('input:not(.check_all):checkbox').length){
        //     $('.check_all').prop('checked', true); 
        // };

        // 方法2 三元运算符
        !$(this).prop('checked') ? ($('.check_all').prop('checked', false)) : ($('input:not(.check_all):checked').length == $('input:not(.check_all):checkbox').length) ? $('.check_all').prop('checked', true) : ''
    });

















})